<template>
  <div class="left">
    <!--
    组件文件命名，应该是多词格式：
    1. myLeft.vue
    2. MyLeft.vue
    3. my-left.vue

    如果组件文件名只有一个词，不符合规范，也可以在js代码中，通过定义name来解决问题
    -->
    <art-list></art-list>
  </div>
</template>

<script>
import ArtList from './ArtList.vue'
  export default {
  components: { ArtList },
    name: 'my-left'
  }
</script>
<style>
  .left {
    height: 200px;
    background-color: pink;
  }
</style>